

*{
    margin: 0;
    padding: 0;

}
ul{
    list-style: none;
}
li:hover{
    filter: saturate(0.7);
    -webkit-filter: saturate(0.7);
}
a{
    text-decoration: none;
}
body{
    overflow-x: hidden;
    font-family:MicrosoftYaHei;
    font-size: 16px;
}
input{
    background-color: #fff;
}

.header{
    width: 100%;
    height: 4rem;
    /* background-color: red; */
    display: flex;
    justify-content: space-around;

}
.sliderA{
    /* width: 100%; */
    
}
.slider-a-prev{
    margin-left: 150px;
    color: #ffffff
}
.slider-a-next{
    margin-right: 148px;
}

.swiper-slide img{
    width: 100%;
}
.footer{
    width: 100%;
    height: 20rem;
    background-color: #0E1336;
    margin-top: 4rem;

}
.logo{
    /* margin-left: 23rem; */
    margin-left: 5rem;
    margin-right: 5rem;
}
.aqwk{
    margin-top: 1rem;
    margin-right: 5rem;
}
.nav ul li{
    width: 5rem;
    text-align: center;
}
.nav ul li a {
    width:4rem;
    height:1.06rem;
    font-size:1rem;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:#333333;
}
.nav>ul>li>ul{
    display: none;
}
.links{
    width: 100%;
    position: relative;
}

.contactUs{
    width:7.81rem;
height:0.75rem;
font-size:0.75rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(67,67,67,1);
}
.nav{
    width: 40rem;
    margin-top: 2rem;
}
.nav ul {
    display: flex;
    justify-content: space-around;
    margin-top: -2%;

}
.linkDownPic{
    position: absolute;
    z-index: 3;
    display: none;
    
}
.firstContent{
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* height: 100%; */
}
.squre{
    width:0;
    height:0;
    border-width:0 1rem 1rem;
    border-style:solid;
    border-color:transparent transparent #168AE2;/*透明 透明  灰*/
    margin:0 auto;
    margin-top: 3rem;
}
.squreD{
    width:0;
    height:0;
    border-width:1rem 1rem 0;
    border-style:solid;
    border-color:#168AE2 transparent transparent;/*灰 透明 透明 */
    margin:0 auto;
    /* margin-top: 3rem; */
}
.littleDash{
    width:1.88rem;
    height:0.13rem;
    background:#168AE2;
    margin-top: 1rem;
}
.proList{
    display: flex;

}
.proList ul li{
    width:10rem;
    height:10rem;
    background:rgba(255,255,255,1);
    border:1px solid #D9D9D9;
    box-shadow:0rem 0rem 1rem 0rem rgba(22,138,226,0.36);
    margin:3rem 1.5rem 3rem 1.5rem; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}
.proList ul li:hover{
    border:1px solid #168AE2;
}
.proList ul li p{
    width:6.06rem;
    height:2rem;
    font-size:0.88rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(67,67,67,1);
    line-height:1.13rem;
}
.secondContent{
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-image: url('../assets/home/矩形5.png');
    height: 580px;
}
.contentAll{

}
.contentAll ul {
    display: flex;
    margin: 0 auto;
}
.contentAll ul li {
    width: 20rem;
    height: 24rem;
    margin: 1rem 2.5rem 5rem 2.5rem ;
    background-color: #fff;
    box-shadow:0rem 0rem 1rem 0rem rgba(80,80,80,0.36);
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.contentAll ul li img{
    width: 100%;
}







.active{
    color: #168AE2 !important;
}
.thirdList{
    margin-top: 5rem;
    z-index: 1;

}
.thirdList ul li {
    display: flex;
    margin: 0 5rem 0 5rem;

}
.thirdList ul {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 6rem;
    padding-left: 3rem;
}
.thirdListArt{
    font-family:MicrosoftYaHei;
    margin-left: 2rem;
}
.thirdListArtTitle{
    width:12rem;
    height:1.19rem;
    font-size:1.13rem;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.thirdListArtDate{
    width:10rem;
height:0.56rem;
font-size:0.75rem;
font-weight:400;
color:rgba(153,153,153,1);
margin: 1rem ;
}
.thirdListArtContent{
    width:20rem;
height:5.44rem;
font-size:0.88rem;
font-weight:400;
color:rgba(102,102,102,1);
}
.midLine{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 12rem;
    left: 48.3%;

}
.downLine1{
    height: 1rem;
    width: 1px;
    background-color: #000000;  
}
.downLine2{
    height: 11rem;
    width: 1px;
    background-color: #000000;
}
.downLine3{
    height: 8rem;
    width: 1px;
    background-color: #000000;
}
.circle{
    border: 1px solid #565656;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.fourthContent{
    width: 100%;
    /* height: 15.5%; */
    /* background-color: #0E1336; */
    z-index: 1;
    margin-top: 4rem;
    margin-bottom: 4rem;
    background-image: url('../assets/home/section.png');
    background-size: 100% 100%;
}
.grayBtm{
    width: 34rem;
    height: 135%;
    background-color: #D4D4D4;
    position: relative;
    z-index: 2;
    top: -6rem;
    left: 20%;
    /* margin-top: -2rem; */

}
.grayBtm img{
    margin-left: -2rem;
    margin-top: 1.5rem;
}
.fifthList{
    margin-top: 4rem;
    display: flex;
    flex-direction: row;
}
.fifthList ul  li {
    width:20rem;
    height:12.5rem;
    background:#ffffff;
    border: 1px solid #D9D9D9;
    margin: 1rem 1.5rem 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fifthList ul li:hover{
    border: 1px solid #00A1E9;
    box-shadow:0rem 0rem 0.5rem 0rem rgba(22,138,226,0.36);
}
.footer img{
    margin-top: -2.5rem;
    /* width: 52%; */
}
.footerHeart{
    width: 62%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}
.footerContent{
    width: 52%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.qrcode{
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    text-align: center;
}
.wx,.qq {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.wx img,.qq img{
    margin-top: 1rem;
}
.hrefs{
    margin-top: -2rem;
}
.hrefs p{
    font-weight: 400;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.infomation{
height:1.06rem;
font-size:1rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(255,255,255,1);
line-height:1.13rem;
margin-top: 1rem;
}
.infomation span{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.fgx{
    width:30rem;
height:2px;
background:rgba(218,218,218,1);
opacity:0.28;
margin-top: 0.5rem;
}
.footerContList{
    display: flex;
    flex-direction: row;
    height:0.88rem;
    font-size:0.75rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(245,245,245,1);
    line-height:1.13rem;
}
.footerContList ul li{
    margin:1rem; 
}
.bbbb{
    width: 100%;
    height:2.13rem;
background:rgba(7,10,27,1);
text-align: center;
font-size:0.75rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(226,226,226,1);
line-height:1.13rem;
padding-top: 1rem;
}
.fourthArticle{
    color: #D3D3D3;
    font-size:0.75rem;
    position: relative;
    left: 55%;
    top: 38%;
}
.fourthArticle p{
    width: 25%;
}
.inLine{
    display: flex;
    flex-direction: row;
}

.inLine input{
    width: 50%;
    height: 3rem;
    background-color: #f5f5f5;
    border-radius: 2px;
    margin: 0.5rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0.2rem;
}
#needed{
    width: 30rem;
    height: 40%;
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0.5rem;
}
.bannerPic{
    width: 100%;
    min-width: 1200px;
}
.bannerPic img{
    width: 100%;
}
.mid{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-top: 5rem;
}
.proFirstContList{
    
}
.proFirstContList ul{
    display: flex;
    flex-direction: row;
}
.proFirstContList ul li {
    width: 16rem;
    height: 16rem;
    border: 1px solid #DFDFDF;
    margin: 1rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-around;
    align-items: center;
}
.proFirstContList ul li:hover{
    border:1px solid rgba(22,138,226,1);
    box-shadow:0rem 0rem 1rem 0rem rgba(22,138,226,0.36);
    
}
.pFCLTitle{
    height:1.06rem;
    font-size:1rem;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.pFCLContent{
/* height:3.06rem; */
font-size:0.75rem;
font-weight:400;
color:rgba(153,153,153,1);
line-height:1.13rem;
width: 13rem;
}
.proThirdCont{
    width: 70%;
    margin: 0 auto;
    margin-top: 5rem;
}
.proThirdCont img{
    width: 100%;
    position: relative;
    display: none;
}
.fifthList{
    display: flex;
    flex-direction: row;
    justify-content: space-around;

}
.fifthList ul li {
    width: 28rem;
    height: 9rem;
    border: 1px solid #D9D9D9;
}
.imgProFifth{
    background-color: #F8F9F9;
    width: 9rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.imgProFifth img{
    margin-top: 1rem;
}
.proFifthContent{
    width: 17rem;
    height:3.44rem;
    font-size:0.75rem;
    font-weight:400;
    color:rgba(102,102,102,1);
    padding: 2rem;
}
.proFifthTitle{
height:2.31rem;
font-size:1rem;
font-family:MicrosoftYaHei;
font-weight:bold;
color:rgba(22,138,226,1);
line-height:1.25rem;
padding:1rem;
width: 7rem;
}
.seemore{
    width:8.75rem;
height:1.75rem;
padding-top: 0.5rem;
border:1px solid rgba(153,153,153,1);
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(51,51,51,1);
text-align: center;
}
.solutionHeart{
    width: 75rem;
    margin: 0 auto;
    clear: both;
}
.so1{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 2rem 0 2rem 0;


}
.sT1{
    width:7rem;
    height:1.44rem;
    font-size:1.5rem;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.sT2{
    height:0.56rem;
    font-size:0.88rem;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.solutionTitle{
    text-align: center;
}
.so2{
    width: 100%;
    height: 21rem;
    box-shadow:0rem 0rem 1rem 0rem rgba(22,138,226,0.36);
    margin: 2rem 0 2rem 0;
    display: flex;
    flex-direction: row;
}
.soContCont{
    padding: 1rem 7rem 4rem 3rem;
    width:30.5rem;
height:8.69rem;
font-size:0.75rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(102,102,102,1);
}
.soContTitle{
    height:1.44rem;
    font-size:1.5rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    padding: 5rem 0 0 3rem;
}
.sT3{
    height:0.56rem;
    font-size:0.88rem;
    font-weight:400;
    color:rgba(102,102,102,1);
    padding: 1rem 0 1rem 3rem;
}
.honorList
{
    background-color: #f5f5f5;
}
.honorList ul {
    overflow: hidden;
}
.honorList ul li{
    float:left;
    width: 21rem;
    height: 16rem;
    border: 1px solid #D9D9D9;
    margin: 1rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.succeedList{

}
.succeedList ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.succeedList ul li{
    /* float:left; */
    width: 25rem;
    height: 17rem;
    border: 1px solid #D9D9D9;
    margin: 2rem;
    background-color: #fff;
}
.succeedList ul li img{
    width: 100%;
}
.succeedList ul li p{
    background-color: #168AE2;
    position: relative;
    width: 100%;
    height: 4rem;
    top: -4rem;
    text-align: center;
    opacity: 0.7;
    font-size:1.75rem;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height: 4rem;
}
.copeateList ul{
    display: flex;
    flex-direction: row;
    margin-top: 4rem;
}
.copeateList ul li{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin: 0 4rem 0 4rem;
    text-align: center;
    width: 7rem;
}
.copeateList ul li:hover{
    filter: contrast(0.5);
    -webkit-filter: contrast(0.5);
}
.rightArr{
    width: 63rem;
    height: 0.5rem;
    z-index: -1;
    background-color: #E9E9E9;
    position: relative;
    top:-1.2rem;
    
}
.rightArr img{
    position: relative;
    left: 31rem;
    top: -1rem;
}
.tryList>ul{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.tryList>ul>li>ul>li{
    display: flex;
    flex-direction: row;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 3rem;
}
/* .footerHeart img {}
.solutionHeart li:hover{
    background-color: rgba(177, 177, 177, 0.603);
    opacity: 0.7;
} */
.footerContent{
    width: 100%;
}
.staticForm{
    position: relative;
    /* left: -69%; */
    /* display: flex; */
    width: 160%;
    background-image: url('../assets/footer/Message.png');
    background-size: 100% 100%;
    padding:2rem;
    padding-right: 6rem ;
}
    .so2:hover{
    border: 2px solid rgba(22,138,226,0.36);
    box-shadow:0rem 0rem 1rem 0rem rgba(22,138,226,0.36);

}
.coTitleList{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.coTitleList li {
    width: 13rem;
}
.coTitleList li:hover{
    background-color:#fff;
}
.breadNav{
    /* width: 1200px; */
    /* margin: 0 auto; */
    margin-top: 2rem;
}
.dangrous{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.listlistlist{
    margin-left: 3rem;
    margin-top: 2rem;
}
.listlistlist>li{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.listlistlist>li>span{
    font-size: 1rem;
    width: 6rem;
    display: inline-block;
}
.listlistlist>li>input{
    width: 19rem;
    height: 3rem;
    margin-left: 3rem;

}
.xinxin{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: 1200px;
    margin: 0 auto;
}
.xinxinright {
    margin-top: 3rem;
    /* width: 10rem; */
}
.ewm{
    margin-top: 3rem;   
}
.telGo{
    margin-top: 3rem;
}
.telin{
    width: 11rem;
    height: 2rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    border: 1px solid #186AE2;
    color: #186AE2;
    line-height: 2rem;
    margin-top: 3rem;
    margin-left: 3rem;
}
.qqwxwb{
    position: fixed;
    top: 20%;
    right: 1rem;

}
.qwbli{
/* display: none; */
}
.qwbli li{
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    background-color: rgba(0,0,0,0.68);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem;
    flex-direction: column;
    color: #fff;
    font-size: 0.88rem;
}
.qwbhover{
    display: none;

}
.qwbhover li{
    cursor: pointer;
    width: 9rem;
    height: 4rem;
    background:rgba(24,106,226,1);
    margin: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.qqwxwb{
    width: 20rem;
    height: 20rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 10;
}
.coNames{
    color: #fff;
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /* margin-top: -10rem; */
    position: absolute;
    margin-top: 13px;
    margin-left: 10px;
    display: none;
}
.coNames li:hover{
    filter: none;
    -webkit-filter: none;
}